//切换form表单的点击事件

//获取验证码的点击事件
var second = 60;
/*getCode = (btn) => {

	if(second == 0) {
		//removeAttribute 从元素中移除指定属性
		//disabled 属性规定应该禁用 input 元素,被禁用的 input 元素既不可用，也不可点击
		btn.removeAttribute("disabled");
		btn.innerText = "获取验证码";
		btn.style.color = "#003ab5";
		second = 60;
		//如果没有return false,当定时器会一直从60倒计时到0,不会停止
		//而我想要的效果是,倒计时到0的时候就停止
		return false;
	} else {
		//setAttribute 创建或改变某个属性
		btn.setAttribute("disabled", true);
		btn.style.color = "#999";
		btn.innerText = "重新发送(" + second + ")";
		second--;
	}

	//我把这个定时器理解成一个循环,每秒循环一次,
	//即每一秒调用一次settime()方法
	setTimeout(function() { //设置一个定时器，每秒刷新一次    
		getCode(btn);
	}, 1000);
}*/

function alert(e) {
	$("body").append("<div id='msg'><div><label>提示</label></div> <span>" + e + "</span></div>");
	clearmsg();
}

function clearmsg() {
	var t = setTimeout(function() {
		$("#msg").remove();
	}, 2000)
};

new Vue({
	el: "#around_form",
	data: {
		orgin_border: "",
		id: "",
		psw: "",
		phone: "",
		yzcode: "",
		idMsg: "",
		pswMsg: "",
		phoneMsg: "",
		form1: "",
		form2: "display:none",
	},
	mounted() {
		
	},
	methods: {
		addBorder() {
			if(this.phone == "") {
				this.orgin_border = "border: 1px solid #ff6700";
			}
		},
		test1(count) {
			if(count == 0 && !(/^.{5,}$/.test(this.id))) {
				this.idMsg = "ⓘ账号格式不正确";
			} else {
				this.idMsg = "";
			}

			if(count == 1 && !(/^\d{6,}$/.test(this.psw))) {
				this.pswMsg = "ⓘ密码格式不正确";
			} else {
				this.pswMsg = "";
			}

			if(count == 3 && !(/^1[34578]\d{9}$/.test(this.phone))) {
				this.phoneMsg = "ⓘ手机号格式不正确";
			} else {
				this.phoneMsg = "";
			}
			
			if(count == 3 && this.phone!=""){
				this.orgin_border = "";
			}
		},
		changeForm1() {
			this.form1 = "display:none";
			this.form2 = "display:block";
			this.psw = "";
			this.id = "";
		},
		changeForm2() {
			this.form2 = "display:none";
			this.form1 = "display:block";
			this.phone = "";
		},
		Login() {
			if(!(/^.{5,}$/.test(this.id)) || !(/^\d{6,}$/.test(this.psw))) {
				alert("ⓘ账号或密码格式不正确！请重新输入")
			}
		},
		Login2() {
			if(!(/^1[34578]\d{9}$/.test(this.phone))) {
				alert("ⓘ手机号格式不正确！请重新输入")
			} else if(this.yzcode == "") {
				alert("ⓘ验证码不能为空")
			}
		},getCode(btn){

	if(second == 0) {
		//removeAttribute 从元素中移除指定属性
		//disabled 属性规定应该禁用 input 元素,被禁用的 input 元素既不可用，也不可点击
		btn.removeAttribute("disabled");
		btn.innerText = "获取验证码";
		btn.style.color = "#003ab5";
		second = 60;
		//如果没有return false,当定时器会一直从60倒计时到0,不会停止
		//而我想要的效果是,倒计时到0的时候就停止
		return false;
	} else if(!(/^1[34578]\d{9}$/.test(this.phone)) && second !=0 ){
		//setAttribute 创建或改变某个属性
		btn.setAttribute("disabled", true);
		btn.style.color = "#999";
		btn.innerText = "重新发送(" + second + ")";
		second--;
	}

	//我把这个定时器理解成一个循环,每秒循环一次,
	//即每一秒调用一次settime()方法
	setTimeout(function() { //设置一个定时器，每秒刷新一次    
		getCode(btn);
	}, 1000);
}
	}
});